<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>xmlhttpExample.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

		<script type="text/javascript" src="./js/ajax.js">
	function click() {
		alert("clicked");
	}
	function load() {
		document.getElementById('field2').value = document
				.getElementById('field1').value;
		alert('hi');
	}

	function test() {
		alert('test');

		e = window.event ? window.event : event;
		var x = e.clientY;
		var y = e.clientX;
		var div = document.createElement("<div onmousedown=mousedown(this)>");
		div.style.top = x;
		div.style.left = y;
		div.style.width = 50;
		div.style.height = 50;
		div.style.cursor = "move";
		div.style.position = "absolute";
		div.style.backgroundColor = "Blue";
		document.body.appendChild(div);
	}

	function mousedown(obj) {
		obj.onmousemove = mousemove;
		obj.onmouseup = mouseup;

		oEvent = window.event ? window.event : event;
		x = oEvent.clientX;
		y = oEvent.clientY;
	}
	function mousemove() {
		oEvent = window.event ? window.event : event;
		var _top = oEvent.clientY - y + parseInt(this.style.top) + "px";
		var _left = oEvent.clientX - x + parseInt(this.style.left) + "px";
		this.style.top = _top;
		this.style.left = _left;
		x = oEvent.clientX;
		y = oEvent.clientY;
	}
	function mouseup() {
		this.onmousemove = null;
		this.onmouseup = null;
	}
</script>
	</head>

	<body onload="">
		This is my HTML page... $Rev: 48 $
		<br />
		文本一：
		<input type="text" id="field1" value="你好！">
		<br />
		文本二：
		<input type="text" id="field2">
		<br />
		点击按钮复制文字
		<br />
		<button onclick=
	load();
>
			复制文字
		</button>
		<br>
		<div id="div0" onclick=
	test();
>
			<img alt="bbb"></img>
			waiting
		</div>
		<br>
		<div id="div1">
			nothing
		</div>
		<div id="div2">
			nothing
		</div>
		<form id="xmlresult">
			<input type="text" name="var1" />
			</br>
			<input type="text" name="date" />

		</form>
	</body>
</html>
